<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>登录页面</title>
		<style>
			*{
				margin: 0px 0px;
				padding: 0px 0px; 
				border: 0px 0px;
			}
			.bigcontainer{
				width: 100%;
				height: 754px;
				background-repeat: no-repeat;
				background-image: url(img/bj1.jpg);
				background-size:100% 100% ;
			}
			.topcontainer{
				width:100%;
				height:200px;
			}
			.bottomcontainer{
				width:100%;
				height:554px;
			}
		</style>
		<script type="text/javascript">
			function changeValidCode() {
				var d = new Date().getTime();
				document.getElementById("validcode").src="imageServlet?d="+d
			}
		</script>
		<%
		String errorInfo = (String)session.getAttribute("MESSAGE");         // 获取错误属性
		if(errorInfo != null) {
		%>
			<script type="text/javascript">
			alert("<%=errorInfo%>");                                            // 弹出错误信息
			</script>
		<%
		}
		%>
	</head>
	<body>
		<div class="bigcontainer">
			<div class="topcontainer">
				<h1 style="font-size:25px;text-align: center">
					西北民族大学学生宿舍管理信息系统
				</h1>
			</div>
			<div class="bottomcontainer">
				<div class="leftdiv" style="width: 450px; height: 100px;float: left;margin-top: 170px;margin-left: 150px;border-left: 2px solid whitesmoke;">
					<div class="leftdivtxt">
						<ul style="float: left;list-style: none;">
							<li class="txt" style="margin-top: 10px; font-size: 30px;color: white;">遇见最好的自己</li>
							<li class="txt1" style="color: white;font-size: 20px;">"To  meet  the  best  mine"</li>
							<li><a href="#" style="text-decoration: none;color: yellow;">record></a></li>
						</ul>
					</div>
				</div>
				<div class="rightdiv" style="float: left;width: 300px;height: 255px;margin-top: 120px;margin-left: 25px;background-color: rgba(250,250,250,0.3);border-radius:20px">
					<form action = "dologin" method="post">
						<table>
							<tr>
								<td colspan="2" style="text-align: center;padding-left: 40px;color: whitesmoke;font-family: '楷体';"><h1>欢迎登录</h1></td>
							</tr>
							<tr>
								<td colspan="2" style="padding-left: 25px;padding-top: 20px">		 
									<input type="text" name="managername" id="managername" placeholder="请输入用户名"  style="width: 240px;height: 35px;font-size:14px;text-align: left;font-family: '楷体';border-radius: 4px;border: 0px;font-weight: bold;"/>
								</td>
							</tr>
							<tr>
								<td colspan="2" style="padding-left: 25px;padding-top: 10px">
									<input name="managerno" type="password" id="managerno" placeholder="请输入员工号"  style="width: 240px;height: 35px;font-size:14px;text-align: left;font-family: '楷体';border-radius: 4px;border: 0px;font-weight: bold;"/>
								</td>
							</tr>
							<tr>
								<td colspan="1" style="padding-left: 25px;padding-top: 10px">
									<input name="cherkCode" type="text" id="cherkCode" placeholder="验证码"  style="width: 150px;height: 35px;font-size:14px;text-align: left;font-family: '楷体';border-radius: 4px;border: 0px;font-weight: bold;"/>
								</td>
								<td colspan="1" style="padding-top: 10px">
									<img src="imageServlet"  id="validcode" onclick="changeValidCode()">
								</td>
							</tr>
							<tr>
								<td colspan="2" style="text-align: center;padding-top: 15px;padding-left: 25px">
									<input type="submit" value="登陆" style="width: 200px;height: 35px;border-radius: 4px;background-color: cornflowerblue;border: 0px;font-family: '楷体';font-size: 20px;font-weight: bold;color: whitesmoke;"/>
								</td>
							</tr>
						</table>
					</form>
				</div>
			</div>
		</div>
	</body>
</html>